<template>
  <div id="site-nav">
    <div id="sn-bd">
      <div class="sn-container">
        <p id="login-info" class="sn-login-info">
          <a href="#" style="padding-right: 15px" >首页</a>
          <em>欢迎来到找气网</em>
          <a class="sn-login" href="#" target="_top" @click="gotologin()">请登录</a>
          <a class="sn-register" href="#" target="_top" @click="gotoregister()">免费注册</a>
        </p>
        <ul class="sn-quick-menu">
          <li class="sn-mytaobao menu-item j_MyTaobao">
            <div class="sn-menu">
              <a class="menu-hd" href="#" target="_top" rel="nofollow"
                 tabindex="0" aria-haspopup="true" aria-expanded="false">买家中心<b></b></a>
              <div class="menu-bd" style="width: 100px" role="menu" aria-hidden="true" id="menu-1">
                <div class="menu-bd-panel" id="myTaobaoPanel1">
                  <a href="#" target="_top" rel="nofollow">电商订单 <span
                    style="color: #bf1e2e">new</span></a>
                  <a href="#" target="_top" rel="nofollow">申请提货 <span
                    style="color: #bf1e2e">new</span></a>
                  <a href="#" target="_top" rel="nofollow">我的提单 <span
                    style="color: #bf1e2e">new</span></a>
                  <a href="#" target="_top" rel="nofollow">我的求购</a>
                  <a href="#" target="_top" rel="nofollow">三方卖家订单</a>
                  <a href="#" target="_top" rel="nofollow">自营线下订单</a>
                  <a href="#" target="_top" rel="nofollow">我的发票</a>
                </div>
              </div>
            </div>
          </li>
          <li class="sn-mytaobao menu-item j_MyTaobao">
            <div class="sn-menu">
              <a class="menu-hd" href="#" target="_top" rel="nofollow"
                 tabindex="0" aria-haspopup="true" aria-expanded="false">卖家中心<b></b></a>
              <div class="menu-bd" style="width: 74px" role="menu" aria-hidden="true" id="menu-2">
                <div class="menu-bd-panel" id="myTaobaoPanel2">
                  <a href="#" target="_top" rel="nofollow">电商后台</a>
                  <a href="#" target="_top" rel="nofollow">我的报价</a>
                  <a href="#" target="_top" rel="nofollow">资源管理</a>
                  <a href="#" target="_top" rel="nofollow">我的订单</a>
                </div>
              </div>
            </div>
          </li>

          <li class="sn-cart mini-cart menu">
            <a class="sn-cart-link" href="#" target="_top" rel="nofollow" id="mc-menu-hd">我的消息</a>
          </li>

          <li class="sn-separator"></li>

          <li class="sn-mytaobao menu-item j_MyTaobao">
            <div class="sn-menu">
              <a class="menu-hd" href="#" target="_top" rel="nofollow"
                 tabindex="0" aria-haspopup="true" aria-expanded="false">客户服务<b></b></a>
              <div class="menu-bd" style="width: 200px" role="menu" aria-hidden="true" id="menu-3">
                <div class="menu-bd-panel" id="myTaobaoPanel3" style="color: #666">
                  帮助说明：
                  <a href="#" target="_top" rel="nofollow"
                     style="color: #0645AD;display: inline">我的报价</a>
                  <a href="#" target="_top" rel="nofollow"
                     style="color: #0645AD;display: inline">新手指南</a><br>
                  在线客服：
                  <a href="#" target="_top" rel="nofollow"
                     style="color: #0645AD;display: inline">联系在线客服</a><br>
                  客服热线： 0571-123123123
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TopBar',
  data:function(){
    return{

    }
  },
  methods:{
    gotologin(){
      this.$router.push('/login')
    },
    gotoregister(){
      this.$router.push('/register')
    }
  }
}
</script>

<style scoped src="../css/tmall.css"></style>
